<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>P5.js - Loading Screen</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type="text/css">
        body {
            position: relative;
        }

        #p5_loading {
            background-color: blue;
            color: white;
            padding: 20px;
            box-sizing: border-box;
            display: block;
            position: absolute;
            height: 400px;
            width: 400px;
        }
    </style>
  </head>
  <body>
    <!-- Having custom content in the loading screen div -->
    <!-- <div id="p5_loading" class="loadingclass">this could be some sweet graphics loading lots of bits.</div> -->
    <!-- Empty loading screen, will overwrite the 'loading...' in core -->
    <!-- <div id="p5_loading" class="loadingclass"></div> -->
    <script language="javascript" type="text/javascript" src="../../../lib/p5.js"></script>
    <script language="javascript" type="text/javascript" src="loadingscreen.js"></script>
  </body>
</html>
